@import '../c_themes/theme.scss';
// 用户信息
.account-info {
	display: flex;
	padding: 0 20rpx;
	transform: scale(1,1);
	align-content: flex-start;
	// align-items: flex-start;
	min-height: 100%;
	// justify-content: space-between;
}
	view.account-info:first-child{
		padding-top: 20rpx;
	}
// 帖子头部功能区
.account-info .post-head-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-content: center;
	// align-self: center;
	flex: 1;
	height: auto;
}
	// 更多按钮
	.account-info .post-head-actions .icon-more{
		margin-bottom: 60rpx;
	}
	// 关注按钮
	.account-info .post-head-actions .btn-focus  {
		margin-top: 40rpx;
	}
	// 帖子功能区图标
	.account-info .post-head-actions icon {
		color: $sub-color;
		margin:10rpx 0 0 10rpx;
		line-height: 1;
	}
	// 帖子功能区图标
	.account-info .post-head-actions .wrap-thumbs {
		margin-right: 10rpx;
		display: flex;
		flex-direction: column;
	}
	// 点赞图标
	.account-info .post-head-actions .wrap-thumbs .icon-thumbs {
		font-size: 50rpx;
		margin-bottom: -10rpx;
	}
	// 点赞数
	.account-info .post-head-actions .wrap-thumbs .like-number span {
		color: $sub-color;
		font-size: $number-fontSize;
		vertical-align: middle;
		text-overflow: clip;
		text-align: center;
	}
	// 以点击过的颜色
	.account-info .post-head-actions .thumbs-selected .icon-thumbs, .account-info .post-head-actions .thumbs-selected .like-number span {
		color: $important-color;
	}
// 头像
.account-head {
	position: relative;
	// margin-top: 10rpx;
}
// 图像
.account-head .account-head-img {
	width: $account-head-size;
	height: $account-head-size;
	overflow: hidden;
	border-radius: $account-head-size;
	background-image: $default-logo;
	background-size: $common-bg-size;
	position: relative;
	display: flex;
}
// 头像图片，宽度限制在范围内，需要image标签配合写上 mode="widthFix"
.account-head image{
	width: 100%;
	align-self: center;
}
// 用户头像装饰
.account-head .account-hat{
	width: $account-hat-size !important;
	height: $account-hat-size !important;
	background-size: $account-hat-size $account-hat-size;
	position: absolute;
	top: -30rpx;
	left: -25rpx;
	z-index: 8;
}
// 头像以外其它信息容器
.account-info .account-info-content {
	margin-left: 10rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
}
	// 基础信息
	.account-info .account-info-content .base-info{
		display: flex;
		align-items: center;
		white-space: nowrap;
		margin:-6rpx 0 0 0;
	}
	// 作者标签
	.account-info .account-info-content .base-info .writer-sign {
		background-color: $important-color;
		border-radius: $small-border-radius;
		color: $weakest-color;
		margin: 0 4rpx;
		padding: 0 10rpx;
		line-height: 1.5;
		font-size: $small-fontSize;
		white-space: nowrap;
	}
	// 附加信息，包含头衔、vip铭牌、认证等
	.account-info .account-info-content .plus-info{
		display: flex;
		align-items: center;
		white-space: nowrap;
		margin:	-2rpx 0 -8rpx 0;
	}
	// 昵称
	.account-nickName {
		font-size: $account-nikeName-size;
		word-wrap: normal;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 270rpx;
	}
		// 昵称
		.comment-list .account-info .account-nickName {
			font-size: $normal-fontSize;
		}
		// VIP 昵称
		.account-info.vip .account-nickName {
			color: $vip-nickName-color;
			font-weight: bold;
		}
		// SVIP 昵称
		.account-info.svip .account-nickName {
			color: $svip-nickName-color;
			font-weight: bold;
		}
		// 系统账户
		.account-info.admin .account-nickName {
			color: $admin-nickName-color;
			font-weight: bold;
		}
	// 账户ID
	.account-id {
		line-height: 1.5;
		color: $sub-color;
		}
	.wrap-invitation {
		align-items: center;
		display: flex;
	}
	// 邀请码
	.invitation-id {
		line-height: 1.5;
		color: $sub-color;
	}

// 用户等级
.account-level {
	display: flex;
	transform: scale(0.75,0.75);
	margin: 0 -12rpx;// 修理缩小后的空白
}
	// 用户等级数字
	.account-level text {
		font-family: levelNumberFont;
		color: #FFF;
		font-size: 24rpx;
		line-height: 40rpx;
		padding-top: 8rpx;
		background-image: url('~@/static/scssImages/c_icon/account/level-center.webp');
		background-size: auto 100%;
	}
	// 数字头
	.account-level::before {
		content: " ";
		width: 66rpx;
		height: 50rpx;
		background-image: url('~@/static/scssImages/c_icon/account/level-title.webp');
		background-size: auto 100%;
	}
	// 数字尾巴
	.account-level::after{
		content: " ";
		width: 18rpx; 
		background-image: url('~@/static/scssImages/c_icon/account/level-tail.webp');
		background-size: auto 100%;
	}
// 账户铭牌
.account-nameplate {
	font-family: vipLevelFont;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 4rpx;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: -6rpx;
}
	// VIP铭牌
	.vip .account-nameplate {
		color: #FFF;
		font-size: 30rpx;
		line-height: 30rpx;
		background-image: url('~@/static/scssImages/c_icon/account/VIP-bg.webp');
		width: 70rpx;
		height: 30rpx;
		padding: 18rpx 14rpx 6rpx 50rpx;
	}
		.vip .account-nameplate::before {
			content: "VIP";
		}
	// SVIP铭牌
	.svip .account-nameplate {
		color: #272626;
		font-size: 32rpx;
		line-height: 32rpx;
		background-image: url('~@/static/scssImages/c_icon/account/SVIP-bg.webp');
		width: 102rpx;
		height: 34rpx;
		padding: 14rpx 6rpx 6rpx 54rpx;
	}
		.svip .account-nameplate::before {
			content: "SVIP";
		}

// 评论区用户资料
.content-comment .account-info .account-head{
	transform: scale(0.9,0.9);
}
